Intermediate CSS Interview Preparation Structure

Level                Type

Intermediate                     Layouts, positioning, pseudo-classes, flexbox, media queries



1. What is the box model in CSS?
Ans:
Every HTML element is a box composed of:
Content → Padding → Border → Margin

2. What is the default position of elements in CSS?
Ans.
By default, most elements have position: static;

3. What is the difference between relative, absolute, and fixed position?
Ans.
  • relative: Positioned relative to its normal position
  • absolute: Positioned relative to the nearest positioned ancestor
  • fixed: Positioned relative to the viewport
4. How to make a div center horizontally?
Ans. 
margin: 0 auto;

5. How to hide an element using CSS?
Ans.
display: none;

6. How do you make a website responsive with CSS?
Ans.
Using media queries:
@media (max-width: 768px) {
    body {
      background-color: lightgray;
    }
  }  

7. What is z-index in CSS?
Ans.
It defines the stack order of elements. Higher z-index appears on top.

8. How do you create a hover effect?
Ans.
button:hover {
    background-color: red;
}

9. How to apply a font from Google Fonts?
Ans.
in html file
html
<link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">


in css file
css
body {
    font-family: 'Roboto', sans-serif;
  }
 

10. What are pseudo-classes?
Ans.
They style elements based on their state:
:hover, :focus, :first-child, :last-child, etc.


















































 

Comments

Post a Comment

Popular posts from this blog

PHP INTERVIEW QUESTIONS

      PHP INTERVIEW QUESTIONS 1. WHAT IS PHP? PHP (Hypertext Preprocessor) is a server site scripting language designed for web development. It is widely used foe creating dynamic and interactive website.  2 . Difference between echo and print? echo is faster then print, can print multiple values,  No return value. print slower, return 1 (true) prints on;y one value echo "Hello", " World!";  // ✅ Works print "Hello", " World!"; // ❌ Error 3. Difference between variable and constants?  Both variables and constants store data, but they behave differently.  variable can changeable constants cannot be modify after declaration  variable have local and global scope, while constants are always global  4. what are the different data type in PHP? PHP has 8 primary data types       Data Type Example Description String "Hello"    Sequence of characters Integer 10    Whole number Float 10.5   ...
Read more

PHP Intermediate Questions Interview Preparation

Level          Type Level                                    Arrays, forms, sessions, cookies, file handling, string/date functions 1. What is a PHP session? ➤ Used to store user data across multiple pages. 2. How do you start a session? ➤ Use session_start(); 3.What is a cookie? ➤ Stores small data on the client-side; use setcookie() . 4. How to send a form using PHP? ➤ Use method="post" or method="get" and handle with $_POST or $_GET . 5. How to upload a file in PHP? ➤ Use enctype="multipart/form-data" and handle with $_FILES . 6. How to handle a checkbox or radio in PHP? ➤ Use isset($_POST['checkbox_name']) to check selection. 7. What is the use of explode() function? ➤ Splits a string into an array using a delimiter. 8. What is implode() ? ➤ Joins array elements into a string. 9. How to redirect a page in PHP? ➤ Using h...
Read more

PHP Interview Questions (Beginner Level) – Short Answers

  🔹 PHP Interview Questions (Beginner Level) – Short Answers What is PHP? → PHP is a server-side scripting language used to create dynamic websites. When and why is it used? → Used for web development to handle forms, sessions, databases, and more. What are the main features of PHP? → Open-source, server-side, platform-independent, supports databases. Difference between echo and print ? → echo is faster and can print multiple values; print returns 1 (used in expressions). How do you declare variables in PHP? → With $ symbol. Example: $name = "John"; What are data types in PHP? → String, Integer, Float, Boolean, Array, Object, NULL. Difference between == and === ? → == compares values, === compares value + data type. What are superglobals? → Built-in global variables like $_GET , $_POST , $_SESSION , etc. How does PHP handle forms (GET vs POST)? → $_GET shows data in URL; $_POST hides data. POST is safer for sensitive data. Diff...
Read more